<template>
  <div class="vue-root" style="margin-top:10px;">
    <div class="diver-header"><span style="color:red;font-size:0.7rem;">推荐商家</span><span style="color:#999;font-size:0.7rem;" class="aui-pull-right">更多<i class="aui-iconfont aui-icon-right"></i></span></div>
  	<section class="aui-grid aui-margin-b-15">
        <div class="aui-row">
            <div class="aui-col-xs-4" style="padding:1rem;">
                <img src="https://fuss10.elemecdn.com/3/0d/90c91aafa37de8ec0488c731c2deejpeg.jpeg?imageMogr/format/webp/">
                <div class="aui-grid-label">首页</div>
            </div>
             <div class="aui-col-xs-4" style="padding:1rem;">
                <img src="https://fuss10.elemecdn.com/3/0d/90c91aafa37de8ec0488c731c2deejpeg.jpeg?imageMogr/format/webp/">
                <div class="aui-grid-label">首页</div>
            </div> <div class="aui-col-xs-4" style="padding:1rem;">
                <img src="https://fuss10.elemecdn.com/3/0d/90c91aafa37de8ec0488c731c2deejpeg.jpeg?imageMogr/format/webp/">
                <div class="aui-grid-label">首页</div>
            </div>
        </div>
    </section>
  </div>
</template>

<script>
import Config from 'components/config';
export default {
  name: 'recommended',
  props: {
    recommended: {
      type: Object
    }
  },
  created(){
    
  },
  data () {
    return {
      baseUrl:'',
    }
  }
}
</script>
<style type="text/css">
  .diver-header{
    padding: 0.2rem 0.3rem 0.2rem 0.5rem;
  }
</style>